asp.net-mvc-3 - ビジネスの名前で Google マップのマーカーを取得する

Question

私はウェブサイトを構築しており、その上に Google マップがあります。また、ビジネス名のリストもあります。たとえば、WH スミス、マンチェスターなどです。

マンチェスターに 1 つしかないと仮定すると、マップ上に WH スミス支店の場所を示すマーカーを取得するにはどうすればよいですか?

私は検索しようとしましたが、件名には何も見つかりませんでした!

Answer 1

私が行う方法は、ツールチップ、緯度、経度、タイトルの html の順序で、それぞれが必要な情報の配列である場所の配列を設定することです。このサイトから緯度と経度を取得します: http://universimmedia.pagesperso-orange.fr/geo/loc.htmしたがって、市の中心部を入力するだけです。

function initialize() {         
                geocoder = new google.maps.Geocoder();

                var businesslocations = [

                        ['HTML TO DISPLAY ON TOOLTIP', LATITUDE, LONGITUDE,'LOCATION NAME'], 
                        ['HTML TO DISPLAY ON TOOLTIP', LATITUDE, LONGITUDE,'LOCATION NAME'],

その配列を完成させてから、他のマップ設定を行います。次に、マップを設定します。次に、その配列を使用してプログラムでマーカーを設定します。for ループはさまざまな場所を通過し、配列の 4 つの要素を引き出します。

        var bounds = new google.maps.LatLngBounds();

            var infowindow = new google.maps.InfoWindow();

            var marker, x;

            for (x = 0; x < businesslocations.length; x++) {  
              var latllong = new google.maps.LatLng(businesslocations[x][1], businesslocations[x][2]);
              marker = new google.maps.Marker({
                position: latlong,
                map: map,
                title: businesslocations[i][3]
              });
              bounds.extend(latlong);

              google.maps.event.addListener(marker, 'click', (function(marker, x) {
                return function() {
                  infowindow.setContent(businesslocations[x][0]);
                  infowindow.open(map, marker);
                }
              })(marker, x));
            }

            map.fitBounds(bounds);