When I use the map bed to store images in the cloud, I can't upload and display images well in Typora.Here is error message
I hope that people who can save this priblem give me some advice about it.
Related
I have thousands of high-resolution images that I would like to display on my website. I would like to select an image from Google Drive, dynamically tile the image, and display it on the website using OpenSeaDragon. Is that possible? If so, how do I go about it?
Thanks!
Can you get a link to the image on Google Drive? I assume so. Given that, you have a few options:
Paste the URL into https://openseadragon.github.io/openseadragonizer/. This should be plenty fine, as long as your image isn't terribly big; it loads the whole image and then tiles it in memory.
If your image is very large, you can paste its URL into https://zoomhub.net/, where it'll tile it on the server.
If you want to make your own viewer, follow the instructions on https://openseadragon.github.io/docs/. For the image tile source, try https://openseadragon.github.io/examples/tilesource-image/; this is what option 1 above uses.
If you're making your own viewer, and the images are too big to work with the simple image tile source, you'll want something like https://openseadragon.github.io/examples/tilesource-dzi/. You'll need to do the conversion yourself using something from https://openseadragon.github.io/examples/creating-zooming-images/.
I am currently working on a Next.js-project, but I’m just a beginner.
My Web-application should display a react-leaflet-map with clickable tiles.
I am using wordpress headless with Next.js. Inside wordpress I use woocommerce. So each of my clickable tiles represents a single product. I also use the woocommerce api to get the meta-information from my products. Is there a way to connect the GeoJSON, which displays the tiles, and the endpoint of my products? Both should basically be JSON-files (or at least they can both be represented in a JSON-file). I tried to manually add some product-infos to the GeoJSON, but this makes it static and not dynamic.
Maybe I could loop the infos of the endpoint though the tiles in GeoJSON?
My goal is to click a tile and then render all the (important) product-infos (my tiles are the products). And when I change something on wordpress e.g. a picture of a tile/product it should be automatically be updated in the GeoJSON. Does anybody have an idea how to realize something like that?
Here I have screenshots of my product-endpoint and my GeoJSON-file. They generally have a similar structure (Same amount of tiles as products)
geojson
endpoint
Thank you so much in advance!
I'm having a hard time with this project: https://groups.google.com/forum/#!topic/leaflet-js/Vl56hyRp1i8
I hope you guys can help me with this last step.
There will be hundreds of thousands of markers but only the one you search for will be displayed. The content of the tooltips will have to be submitted through a form. I will not know the position for the markers until the mosaic is rendered.
Once the mosaic is rendered we have the position of the markers and I need to be able to search for any marker (by it's ID) and zoom+pan to it while displaying the marker and it's tooltip.
For example if I want to make a mosaic of 500x500 pictures this is what will happen:
we wait for users to submit a picture each until we have 250.000 pictures.
the tooltip meta content will be submitted along with each picture from the users (1 picture for each user) - this is also when the marker ID will be generated
now that we have 250k pictures we can render the mosaic, after the mosaic is complete I will have a text file containing the name and location of each individual picture by row+column
I need to use this file to fill in the position of the marker for each user's picture
I need to be able after this, to display only markers that you search for
when you search for a marker it will be by it's ID so it will be accurate and also I need the zoom+pan function here
when you click on a picture (marker) I need for that marker to appear (unhide the tooltip).
If anybody can help me please, this project is very cool and I would hate to get stuck on it. I will give proper credit and stuff. If you are really good I am even considering monetary rewards.
Thanks.
I suggest to follow this workflow:
For data drawing and editing I use Leaflet plugin leaflet.draw - .
For store data in GeoJSON format I use Leaflet function toGeoJSON(); like that var myMarkers = new L.FeatureGroup();
map.addLayer(myMarkers);
....
// get json
var myMarkersJson = myMarkers.toGeoJSON();
myMarkersJson I upload to MySQL database and store data as json. You can read more about sending json to MySQL using js/jquery here.
For analysis of data I use jQuery parseJSON
For uploading json data again to leaflet map, I use Leaflet function geoJSON();
I think this workflow is the easiest way to store, search and display data in leaflet from MySQL. But this solution may not be suitable for big data analysis.
I’m currently working on a Google Maps project showing places of interest in my local town. My plan was to use multiple markers on the map to identify different places which when clicked on would open an InfoWindow listing more details about the place.... I also thought it would be good to allow visitors to leave comments and experiences using the Facebook Comments Plugin within the InfoWindow.
However, on further research and reading a couple of other peoples efforts into trying to get Facebook Comments into InfoWindows it doesn’t seem possible... the closet I’ve seen is a chap who managed to get the SAME comments stream appearing in every InfoWindow no matter which marker / point on map was selected.... which isn’t what I want! His conclusion was to build your own comments stream in PHP.
Here's the link to the above article which has a link to the map at work;
https://groups.google.com/forum/#!msg/google-maps-js-api-v3/4wvBdVxPHJ0/vxuYP93N-lgJ
I’m pretty new to Facebook development but certainly don’t mind climbing the learning curve to achieve what I want, but thought it wise to check with the experts here at stackoverflow in case what I am trying to achieve is a non-starter!
Any suggestions, advice and pointers would be gratefully received.
I recently managed to do it.
The trick is to
insert the content of your infowindow on the end of the page in a hidden div.
parse this div with FB.XFBML.parse
get the innerHTML of your div
call infowindow.setContent() with the innerHTML you got before
If you want different comments in every infowindow you must have a different url for every infowindow's comment plugin: like http://localhost?infowindow=content1 and http://localhost?infowindow=content2 for another.
Hope that helped!
i am trying to make a custom page that would look like this
if i have a page where you can upload an image and enter description which feeds into a sql dB using PHP, how could one create a map of image thumbnails instead of markers? this photo was taken from: http://www.blocsoft.com/bmap/ but after browsing thru their site i didnt see anything about image thumbnails as markers
An alternative, but less flexible, approach would be to store the photographs in Panoramio and enable the maps Panoramio layer http://code.google.com/apis/maps/documentation/javascript/layers.html#PanoramioLibrary
You're going to want to do this via Javascript.
See http://code.google.com/apis/maps/documentation/javascript/overlays.html#SimpleIcons
Example # http://code.google.com/apis/maps/documentation/javascript/examples/icon-simple.html
Basically, you can use PHP to populate the markers within the javascript markup, then let JS init it.